import React, { Component, Suspense } from 'react';
import { connect } from 'dva';
import { Layout, Menu, Breadcrumb, Carousel, Row, Col, Icon, Button, Divider, Tabs, List} from 'antd';
// import Ellipsis from '@/components/Ellipsis';
// import Slider from '@/components/Slider'
// import ActivitySlider from '@/components/ActivitySlider'
// import BigTitle from '@/components/BigTitle'
// import AboutUS from '@/components/AboutUS'
// import ContactUS from '@/components/ContactUS'
// import Question from '@/components/Question'
// import Information from '@/components/Information'
// import KnowMore from '@/components/KnowMore'
// import Links from '@/components/Links'
import FooterItemTitle from '@/components/FooterItemTitle'
import {BIAOTI, GYWM, JIANTOU2, JIANTOU4, YUAN, LOGO, TITLE, DIBU} from '../../constants'
import styles from './index.less';
// import router from 'umi/router';

@connect(({ chart, loading }) => ({
  // chart,
  // loading: loading.effects['chart/fetch'],
}))
class FooterItem extends Component {
  state = {
  };

  componentDidMount() {
  }

  componentWillUnmount() {
  }

  render() {
    const { title, list } = this.props;

    return (
      <div>
        <FooterItemTitle icon={DIBU} title={title}/>
        <List
          // header={<div>Header</div>}
          // footer={<div>Footer</div>}
          // bordered
          dataSource={list}
          className={styles.list}
          renderItem={item => (<List.Item style={{fontSize: 11, padding: '5px 0', color: '#999999'}}>{item}</List.Item>)}
        />
      </div>
    );
  }
}

export default FooterItem;
